<%--
Created by IntelliJ IDEA.
User: jt
Date: 2021/1/26
Time: 10:20
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>张家口国际展览中心</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="js/jquery-1.9.1.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="/Scripts/jquery.unobtrusive-ajax.min.js"></script>
    <script>
        $(function () {
            var listid = "";
              $("[lists=lists]").addClass("collapsed");
              $("[listid=" + listid + "]").removeClass("collapsed");
          });
    </script>
    <script type="text/javascript">
　　
    //平台、设备和操作系统
    var system = {
        win: false,
        mac: false,
        xll: false,
        ipad: false
    };
    //检测平台
    var p = navigator.platform;
    system.win = p.indexOf("Win") == 0;
    system.mac = p.indexOf("Mac") == 0;
    system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
    system.ipad = (navigator.userAgent.match(/iPad/i) != null) ? true : false;
    //跳转语句，如果是手机访问就自动跳转到" "里的页面
    if (system.win || system.mac || system.xll || system.ipad) {

    } else {

        window.location.href = "/HomePhoto/Index";
    }
    // 设置初始化
    function chushihua(){
        var data="";
        $.ajax({
            url:"http://localhost:8080/searchzg",
            dataType:'json',
            type:'get',
            success:function(res){
                data=res.data;
                console.log(data);
                var neirong="";
                var tian="";
                for(i=0;i<data.length;i++){
                    var j=i%10;
                    var name = data[i]["name"];
                    var xinxi=data[i]["xinxi"];
                    var xinxi1=xinxi.substring(0,18)+"...";
                    var zhuangtai=data[i]["zhuangtai"];
                    var zhuangtai1="";
                    if(zhuangtai==0){
                        zhuangtai1="未出租";
                    }
                    else {
                        zhuangtai1="已出租";
                    }
                    tian="                <div class=\"card\" style=\"margin-top:50px;margin-left: 5%;margin-right:5%;width: 350px;height: 310px;background-color: rgb(131, 216, 231) ;display: inline-block;border-radius: 15px;\">\n" +
                        "                    <img src=\"IMG/LinkImg/zhanguan"+j+".jpg\" alt=\"\" width=\"300px\" height=\"200px\" style=\"margin-left: 25px;margin-top: 10px;\">\n" +
                        "                    <p style=\"margin-left: 20px;\">详情："+xinxi1+"</p>\n" +
                        "                    <p style=\"margin-left:20px\">状态："+zhuangtai1+"</p>\n" +
                        "                    <button style=\"margin-left: 70%;margin-bottom: -15px;\" class=\"btn success\"><a href=\"http://localhost:8080/showzgxinxi?name="+name+"&xinxi="+xinxi+"&zhuangtai="+zhuangtai+"\">点击详情</a></button>\n" +
                        "                </div>";
                    neirong=neirong+tian;
                }
                var nei=document.getElementsByClassName("neirong")[0];
                nei.innerHTML=neirong;

            }

        })


    }
    //读取cookie
    function getCookie(name)
    {
        var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
        if(arr=document.cookie.match(reg))
            return unescape(arr[2]);
        else
            return null;
    }
    chushihua();
    </script>
</head>

<body>
    <div class="top">
        <div class="container">
            <div class="clearfix">
                <div class="pull-left hidden-xs line-height">欢迎进入廊坊国际展览中心！</div>
                <div class="pull-right">
                    
                    <div class="pull-left top-a line-height">
                            <a href="login.jsp">会员登录</a>
                            <span>|</span>
                            <a href="register.jsp">注册</a>


                    </div>
                    <div class="pull-left right-a line-height">
                        <a role="button" class="top-btn active">中文</a>
                        <a role="button" class="top-btn" href="/Home/Index_en">ENGLISH</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-top">
        <div class="container">
            <div class="clearfix">
                <div class="pull-left logo"><a href="">
                    <img src="IMG/LinkImg/20170329140524QQ图片20170329140442.png"></a></div>
                <div class="pull-left logo-txt">
                    <img src="IMG/LinkImg/2017030354015logo-txt.png"></div>
                    <nav class="navbar navbar-default">
                        <div>
                            <!-- Brand and toggle get grouped for better mobile display -->
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
    
    
                            <!-- Collect the nav links, forms, and other content for toggling -->
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav">
                                    <li class="active"><a href="index.jsp">首页</a></li>
                                    <!-- <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">关于我们</a>
                                        <ul class="dropdown-menu">
                                            <li class="list-top"></li>
                                                <li><a href="/Home/News?tid=25&cid=29">>公司介绍</a></li>
                                                <li><a href="/Home/News?tid=25&cid=32">>公司荣誉</a></li>
                                                <li><a href="/Home/News?tid=25&cid=41">>魅力会展</a></li>
    
    
    
    
                                        </ul>
                                    </li> -->
                                    <!-- <li><a href="/Home/Lable_href?id=1">展会排期</a></li>
                                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">参展指南</a>
                                        <ul class="dropdown-menu">
                                            <li class="list-top"></li>
                                                <li><a href="/Home/News?tid=3&cid=11">>我是主办方</a></li>
                                                <li><a href="/Home/News?tid=3&cid=34">>我是参展商</a></li>
                                                <li><a href="/Home/News?tid=3&cid=46">>特装报馆</a></li>
    
    
    
    
                                        </ul>
                                    </li> -->
                                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">展馆中心</a>
                                        <ul class="dropdown-menu">
                                            <li class="list-top"></li>
                                                <li><a href="showZG.jsp">>查看展馆</a></li>
                                                <!-- <li><a href="/Home/News?tid=1&cid=33">></a></li> -->
    
                                        </ul>
                                    </li>
    
                                    
                                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">展会中心</a>
                                        <ul class="dropdown-menu">
                                            <li class="list-top"></li>
                                                <li><a href="showZH.jsp">>展会详情</a></li>
                                                <li><a href="/Home/News?tid=7&cid=42">>展览服务</a></li>
    
    
    
    
                                        </ul>
                                    </li>
                                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">周边配套</a>
                                        <ul class="dropdown-menu">
                                            <li class="list-top"></li>
                                                <li><a href="/Home/News?tid=6&cid=14">>周边酒店</a></li>
                                                <li><a href="/Home/News?tid=6&cid=35">>周边景点</a></li>
                                                <li><a href="/Home/News?tid=6&cid=36">>周边美食</a></li>
    
    
    
    
                                        </ul>
                                    </li>
    
                                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">联系我们</a>
                                        <ul class="dropdown-menu">
                                            <li class="list-top"></li>
                                                <li><a href="/Home/News?tid=37&cid=38">>咨询电话</a></li>
                                                <li><a href="/Home/News?tid=37&cid=43">>交通路线</a></li>
    
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                            <!-- /.navbar-collapse -->
                        </div>
                        <!-- /.container-fluid -->
                    </nav>
            </div>
        </div>
    </div>

    <div class="banner-back" style="background:url(IMG/LinkImg/20170409161548顶部照片1.jpg)"></div>
    
<script>
    //跳转指定页面的选择事件
    function tiaozhuan(index) {
        var tid = "3";
        var cid = "11";
        if (index != null && index != "" && index != 0) {
            var count = "18";
            window.location = '?count=' + count + "&index=" + index + "&tid=" + tid + "&cid=" + cid;
        }

    }
</script>
<style>
    #wrapper #body {
        width: 900px;
        margin: auto;
    }

    #body .inner .right .Position {
        font-size: 12px;
        line-height: 33px;
    }

    #body .inner .right {
        width: 800px;
        float: left;
        border: 1px solid #DDDDDD;
        margin: 50px;
    }

        #body .inner .right .main {
            padding: 10px 20px;
            font-size: 12px;
        }

            #body .inner .right .main .ArticleList td {
                line-height: 35px;
                border-bottom: 1px dashed #CCC;
            }
</style>



<div class="container warp">
    <div class="back-left">
        <img src="images/left-shadow.png"></div>
    <div class="back-right">
        <img src="images/right-shadow.png"></div>
    <div class="clearfix">
        <div class="nav-left pull-left">
            <div class="nav-txt">张家口国际展馆展览</div>
            <div class="title"></div>
  
        </div>
        <div class="right-c">
            <div class="neirong">
                <div class="card" style="margin-top:50px;margin-left: 5%;margin-right:5%;width: 350px;height: 310px;background-color: rgb(131, 216, 231) ;display: inline-block;border-radius: 15px;">
                    <img src="IMG/LinkImg/zhanguan1.jpg" alt="" width="300px" height="200px" style="margin-left: 25px;margin-top: 10px;">
                    <p style="margin-left: 20px;">详情：这是第一个展馆详情：这是第一个展馆</p>
                    <p style="margin-left:20px">状态：</p>
                    <button style="margin-left: 70%;margin-bottom: -15px;" class="btn success"><a href="http://localhost:8080/showzgxinxi?name=name&xinxi=xinxi&zhuangtai=zhuangtai">点击详情</a></button>
                </div>

                
            </div>
        </div>
    </div>
</div>

    <div class="container friend">

        友情链接：
        <a style="margin-left:30px" href="http://www.010lf.com/">环京津新闻网</a>
        <a style="margin-left:30px" href="#">创展网</a>
        <a style="margin-left:30px" href="#">E展网</a>
        <a style="margin-left:30px" href="#">会展门户</a>
        <a style="margin-left:30px" href="#">中国会展网</a>
        <a style="margin-left:30px" href="#">长城网</a>
        <a style="margin-left:30px" href="#">一览展会网</a>
        <a style="margin-left:30px" href="#">会贸网</a>
    </div>
    <div class="footer-t">
        <div class="container">
            <div class="pull-left">
                Copyright 2013 www.lfgz.com 版权所有 备案号：冀ICP备05027408号-1
            </div>
            <div class="pull-right"><a href="">
                <img src="images/footer01.jpg"></a><a href=""><img src="images/footer02.jpg"></a><a href=""><img src="images/footer03.jpg"></a></div>
        </div>
    </div>
    <ul class="toolbar">
        <li class="toolbar-item toolbar-item-jsq">
            <span class="toolbar-layer toolbar-layer-one">客服热线：<br>
                400-600-6453</span>
        </li>
        <li class="toolbar-item toolbar-item-kefu">
            <a href="#" class="block"></a>
        </li>
        <li class="toolbar-item toolbar-item-weixin">
            <span class="toolbar-layer toolbar-layer-one">
                <img src="IMG/LinkImg/20170405112755订阅号二维码.jpg" alt="Alternate Text" />
            </span>
        </li>
        <li class="toolbar-item toolbar-item-weixin toolbar-item-weibo">
            <a href="" class="block"></a>
        </li>
        <li class="toolbar-item toolbar-item-top">
            <span class="toolbar-layer toolbar-layer-one"><div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
<script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "1", "bdSize": "24" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script></span>
        </li>
        <li class="toolbar-item toolbar-item-six"><a href="" class="block"></a></li>
    </ul>
</body>
</html>
